<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../echarts.js"></script>
</head>

<body>
    <div id="main" style="width: 100%;height: 800px;"></div>
</body>
<script>
    var myChart = echarts.init(document.getElementById('main'))
    // option = {
    //     legend: {},
    //     tooltip: {},
    //     dataset: {
    //         dimensions: ['product', '笔试', '机试', '平均分'],
    //         source: [
    //             { product: '房雪', '笔试': 46, '机试': 60, '平均分': 53 },
    //             { product: '刘金浩', '笔试': 23, '机试': 30, '平均分': 27 },
    //             { product: '王光宗', '笔试': 7, '机试': 30, '平均分': 18.5 },
    //             { product: '董阳光', '笔试': 33, '机试': 40, '平均分': 36.5 },
    //             { product: '李新杭', '笔试': 32, '机试': 10, '平均分': 21 },
    //             { product: '齐博超', '笔试': 5, '机试': 30, '平均分': 18 },
    //             { product: '杨淼', '笔试': 77, '机试': 70, '平均分': 74 },
    //             { product: '牛瑜谦', '笔试': 46, '机试': 80, '平均分': 63 },
    //             { product: '侯豪迪', '笔试': 53, '机试': 50, '平均分': 52 },
    //             { product: '王静允', '笔试': 60, '机试': 45, '平均分': 52.5 },
    //             { product: '张慧林', '笔试': 20, '机试': 30, '平均分': 25 },
    //             { product: '郑家豪', '笔试': 36.5, '机试': 30, '平均分': 33 },
    //             { product: '何鑫华', '笔试': 15, '机试': 20, '平均分': 18 },
    //             { product: '姜宁毅', '笔试': 61, '机试': 90, '平均分': 76 },
    //             { product: '何国锋', '笔试': 39, '机试': 60, '平均分': 50 },
    //         ]
    //     },
    //     xAxis: { type: 'category' },
    //     yAxis: {},
    //     // Declare several bar series, each will be mapped
    //     // to a column of dataset.source by default.
    //     series: [{ type: 'bar' }, { type: 'bar' }, { type: 'bar' }]
    // };
    // option = {
    //     legend: {},
    //     tooltip: {},
    //     dataset: {
    //         dimensions: ['product','第一次考试','第二次笔试','第二次机试','第二次平均分','第三次考试','第四次笔试','第四次机试','第四次平均分'],
    //         source: [
    //             { product: '房雪', '第一次考试': 65, '第二次笔试': 45, '第二次机试': 45,'第二次平均分':45,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5 },
    //             { product: '刘金浩', '第一次考试': 80, '第二次笔试': 30, '第二次机试': 40,'第二次平均分':35,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5 },
    //             { product: '王光宗', '第一次考试': 30, '第二次笔试': 7, '第二次机试': 30,'第二次平均分':18.5,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5 },
    //             { product: '董阳光', '第一次考试': 45, '第二次笔试': 33, '第二次机试': 40,'第二次平均分':36.5,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5 },
    //             { product: '李新杭', '第一次考试': 30, '第二次笔试': 50, '第二次机试': 50,'第二次平均分':50,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5 },
    //             { product: '齐博超', '第一次考试': 45, '第二次笔试': 12, '第二次机试': 35,'第二次平均分':23.5,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5 },
    //             { product: '杨淼', '第一次考试': 95, '第二次笔试': 82, '第二次机试': 50, '第二次平均分':66,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5},
    //             { product: '牛瑜谦', '第一次考试': 85, '第二次笔试': 80, '第二次机试': 40,'第二次平均分':60,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5 },
    //             { product: '侯豪迪', '第一次考试': 65, '第二次笔试': 73, '第二次机试': 50,'第二次平均分':61.5,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5 },
    //             { product: '王静允', '第一次考试': 30, '第二次笔试': 60, '第二次机试': 45,'第二次平均分':52.5,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5 },
    //             { product: '张惠林', '第一次考试': 30, '第二次笔试': 15, '第二次机试': 20,'第二次平均分':17.5,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5 },
    //             { product: '郑家豪', '第一次考试': 30, '第二次笔试': 50, '第二次机试': 30,'第二次平均分':40,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5 },
    //             { product: '何鑫华', '第一次考试': 15, '第二次笔试': 7, '第二次机试': 0,'第二次平均分':3.5,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5 },
    //             { product: '姜宁毅', '第一次考试': 95, '第二次笔试': 94, '第二次机试': 45,'第二次平均分':69.5,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5 },
    //             { product: '何国锋', '第一次考试': 80, '第二次笔试': 40, '第二次机试': 35,'第二次平均分':37.5,'第三次考试': 80, '第四次笔试': 40, '第四次机试': 35,'第四次平均分':37.5 },
    //         ]
    //     },
    //     xAxis: {type: 'category'},
    //     yAxis: {},
    //     series: [{type: 'bar'},{type: 'bar'},{type: 'bar'},{type: 'bar'},{type: 'bar'},{type: 'bar'},{type: 'bar'},{type: 'bar'}]
    // }
    option = {
        legend: {},
        tooltip: {},
        dataset: {
            source: [
                ['product', '第一次考试', '第二次笔试', '第二次机试','第二次平均分','第三次考试','第四次笔试','第四次机试','第四次平均分'],
                ['房雪', 65, 45, 45, 45, 50, 46, 60, 53],
                ['刘金浩', 80, 30, 40, 35, 60, 23, 30, 27],
                ['王光宗', 30, 7, 30, 18.5, 35, 0, 0, 0],
                ['董阳光', 45, 33, 40, 36.5, 60, 0, 0, 0],
                ['李新杭', 30, 50, 50, 50, 50, 32, 10, 21],
                ['齐博超', 45, 12, 35, 23.5, 35, 5, 30, 18],
                ['杨  淼', 95, 82, 50, 66, 100, 77, 70, 74],
                ['牛瑜谦', 85, 80, 40, 60, 90, 46, 80, 63],
                ['侯豪迪', 65, 73, 50, 61.5, 90, 53, 50, 52],
                ['王静允', 30, 60, 45, 52.5, 30, 0, 0, 0],
                ['张惠林', 30, 15, 20, 17.5, 10, 20, 30, 25],
                ['郑家豪', 30, 50, 30, 40, 60, 36.5, 30, 33],
                ['何鑫华', 15, 7, 0, 3.5, 35, 15, 20, 18],
                ['姜宁毅', 95, 94, 45, 69.5, 95, 61, 90, 76],
                ['何国锋', 80, 40, 35, 37.5, 50, 39, 60, 50],
            ]
        },
        yAxis: { type: 'category' },
        xAxis: {},
        // Declare several bar series, each will be mapped
        // to a column of dataset.source by default.
        series: [{ type: 'bar' }, { type: 'bar' }, { type: 'bar' }, { type: 'bar' },{ type: 'bar' }, { type: 'bar' }, { type: 'bar' }, { type: 'bar' }]
    };
    myChart.setOption(option)

    // var myChart = echarts.init(document.getElementById('main'))
    // option = {
    //     title: {
    //         text: '成绩'
    //     },
    //     tooltip: {
    //         trigger: 'axis'
    //     },
    //     legend: ['']
    // }
    myChart.setOption(option)
</script>

</html>